<html>
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/babysteps.0.2.2.js"></script> 
<style type="text/css">
 .set{
 display: none;
 width:200px;
 height:200px;
 }
 </style>
<script type="text/javascript" language="javascript">
  var step1 = $('#step1');
  var step2 = $('#step2');
  var step3 = $('#step3');
 
  step1.bindStep(step2);
  step2.bindStep(step3);
 alert('hello');
  $('#step1').show();
</script>

</head>

<body>

<div id="carouseldiv" style="border:2px solid #c3c3c3; background-color:#FFFFFF">
<div class="set" id="step1"><span>abc</span></div>
<div class="set" id="step2">123</div>
<div class="set" id="step3">###</div>
</div>

<div style="clear:both; padding:10px; border-bottom:1px solid #c3c3c3; margin-bottom:10px;">
  <input name="previous" id="previous" type="button" value="Previous" />
  &nbsp;

  <input name="next" id="next" type="button" value="Next" />
  &nbsp; </div>


</body>
</html>